<template>
    <div>
        <div class="row">
            <div class="col-medium-1-4">
                <div class="gallery-card gallery-card--new">
                    <button class="btn gallery-card__new-button">
                        New Media
                    </button>
                </div>
            </div>
            <div class="col-medium-1-4" v-for="item in galleryItems">
                <div class="gallery-card" :style="{'background-image': 'url(' + item.url + ')'}"></div>
            </div>
        </div>
    </div>
</template>

<script>
    import axios from 'axios'

    export default {
        props: [
            'galleryItems'
        ],

        data() {
            return {

            }
        },

    }
</script>